<template>
    <div class="myloader">
        <Spinner name="wave" :noFadeIn="true" color="#6B98FE" />
    </div>
</template>

<script>
    // 加载效果组件
    export default {
        name: 'loader',
        props: {
        },
        data() {
            return {
                name: 'loader',
          
            }
        },
        watch: {},
        methods: {
        },
        // computed:{
        //     chartoption:function(){
        //     return this.option
        //     }
        // },
        mounted() {
            //组件挂载后
        },
        updated() {
            //数据更新后
        }
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style >
    .myloader {
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #fff;
        z-index: 8000;
    }
    .myloader .sk-wave {
        width: 7rem !important;
        height: 5rem !important;
    }
    .myloader .sk-wave>div {
        height: 100% !important;
        width: 15% !important;
        margin: 0 5% 0 0 !important;
    }
</style>
